<form name="sign_in_form" class="login-form" role="form" ng-controller="SignInController">
	<div class="login-heading">
		<h3>Sign In</h3>
	</div>

	<div class="login-body append-bottom-15">
		<input placeholder="Email" type="email" class="form-control top" id="" ng-model="user.email" required autocomplete="off"/>
		<input placeholder="Password" type="password" class="form-control bottom" id="" ng-model="user.password" required autocomplete="off"/>

		<div class="append-top-20 append-bottom-10">
			<div class="checkbox">
				<label>
				  <input type="checkbox" ng-model="checked"> Remember me
				</label>
				<div class="pull-right">
					<a ui-sref="entrance.resetPwd">Forgot your password?</a>
				</div>
			</div>
		</div>
		
		<button ng-click="signIn(sign_in_form.$valid)" class="btn btn-primary">Sign In</button>
	</div>
	<div class="callout-panel">
		<span>Sign in with:&nbsp;</span>
		<a href="#"><img src="./images/qq_oauth.png"></a>
		<a href="#"><img src="./images/google_oauth.png"></a>
		<a href="#"><img src="./images/github_oauth.png"></a>
	</div>
	<div class="login-footer">
		<p>
		<span class="light">
			Don't have an account?
		</span>
		<strong>
			<a ui-sref="entrance.signUp">Sign up</a>
		</strong>
		</p>
		<p>
			<span class="light">Did not receive confirmation email?</span>
			<a ui-sref="entrance.resendConfirmEmail">Send again</a>
		</p>
	</div>
</form>